<!--
  Generated template for the PcInputPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar>
    <ion-title>{{evalname}}</ion-title>
    <ion-buttons end >
      <button ion-button icon-only (click)='openHelp()'>
        <ion-icon name="wenti" class="helpbutton"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <div class="pc-item" *ngFor="let item of saturation,let id = index">

    <div class="colorStrip" [ngClass]="{'colorStrip1':(id + 1) % 2 == 0}"></div>

    <ion-avatar class="ion-avatar">
      <img src="{{item.avatar}}" class="pc-item-img" />
    </ion-avatar>

    <span class="pc-span">{{item.realname}}</span> 

    <ion-range [(ngModel)]="item.value" min='0' max='{{numberMax}}' class="input-range"></ion-range>
    <span class="show-number">{{item.value}}/{{numberMax}}</span>


  </div>
  <button ion-button="" block class="button" (click)="openReport()">提交</button>
</ion-content>
